<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                >
    <f:view contentType="text/html">            

        <h:form>
            <h:panelGrid columns="1" width="100%" >
                <!--            <p:growl id="growl" showDetail="true" />-->
                <!--
                                <p:dashboard id="board" model="productionDashboardBean.model}" 
                                             reorderListener="productionDashboardBean.handleReorder}" 
                                             onReorderUpdate="growl">
                                    <p:panel id="productionSummary" header="Plant-1 Daily Production Summary" toggleable="true" closable="true"
                                                             onCloseUpdate="growl"
                                                             onToggleUpdate="growl" widgetVar="productionSummaryWidget"
                                                             style="width: 600px;height:250px;">
                                                        <f:facet name="options">
                                                            <p:menu>
                                                                <p:submenu label="Settings">
                                                                    <p:menuitem value="Toggle" url="#" icon="/images/update.png" onclick="productionSummaryWidget.toggle()"/>
                                                                    <p:menuitem value="Remove" url="#" icon="/images/delete.png" onclick="productionSummaryWidget.close()"/>
                                                                </p:submenu>
                                                            </p:menu>
                                                        </f:facet>
                                    
                                                        <ui:include src="ProductionOverallSummary.xhtml"/>
                                                    </p:panel>
                                    
                                    
                                                    <p:panel id="productionChartDB" 
                                                             header="Plant-1 Model Summary" toggleable="true" 
                                                             closable="true" 
                                                             onCloseUpdate="growl"
                                                             onToggleUpdate="growl" widgetVar="productionChartWidget"
                                                             style="width: 600px;height:250px;"
                                                             >  
                                                        <ui:include src="ProductionModelSummary.xhtml"/>
                                                        <f:facet name="options">
                                                            <p:menu>
                                                                <p:submenu label="Settings">
                                                                    <p:menuitem value="Toggle" url="#" icon="/images/update.png" onclick="productionChartWidget.toggle()"/>
                                                                    <p:menuitem value="Remove" url="#" icon="/images/delete.png" onclick="productionChartWidget.close()"/>
                                                                </p:submenu>
                                                            </p:menu>
                                                        </f:facet>
                                    
                                                    </p:panel>  
                                    
                                                    <p:panel id="productionTotal" header="Plant-1 Output" toggleable="true" closable="true"
                                                             onCloseUpdate="growl"
                                                             onToggleUpdate="growl" widgetVar="productionTotalWidget"
                                                             style="width: 600px;height:250px;">
                                                        <ui:include src="ProductionDailyCount.xhtml"/>
                                                        <f:facet name="options">
                                                            <p:menu>
                                                                <p:submenu label="Settings">
                                                                    <p:menuitem value="Toggle" url="#" icon="/images/update.png" onclick="productionTotalWidget.toggle()"/>
                                                                    <p:menuitem value="Remove" url="#" icon="/images/delete.png" onclick="productionTotalWidget.close()"/>
                                                                </p:submenu>
                                                            </p:menu>
                                                        </f:facet>
                                    
                                                    </p:panel>
                                    
                                                    <p:panel id="productionLineSummary" header="Plant-1 Cell Summary" toggleable="true" closable="true"
                                                             onCloseUpdate="growl"
                                                             onToggleUpdate="growl" widgetVar="productionLineWidget"
                                                             style="width: 600px;height:250px">
                                                        <ui:include src="ProductionCellSummary.xhtml"/>
                                                        <f:facet name="options">
                                                            <p:menu>
                                                                <p:submenu label="Settings">
                                                                    <p:menuitem value="Toggle" url="#" icon="/images/update.png" onclick="productionLineWidget.toggle()"/>
                                                                    <p:menuitem value="Remove" url="#" icon="/images/delete.png" onclick="productionLineWidget.close()"/>
                                                                </p:submenu>
                                                            </p:menu>
                                                        </f:facet>
                                    
                                                    </p:panel>
                                    
                                    
                                    <p:panel id="productionLineSummary" header="Plant-1 Cell Summary" 
                                             widgetVar="productionLineWidget"
                                             >
                                        <ui:include src="ProductionCellSummary.xhtml"/>
                    
                    
                                    </p:panel>
                    
                    
                    
                                </p:dashboard>
                -->

                <h:panelGrid columns="3" width="100%" cellspacing="10">
                    <p:panel id="productionSummary" header="Plant-1 Daily Production Summary" 
                             toggleable="true" 
                             closable="true"
                             
                             style="height:230px;">
                        

                        <ui:include src="ProductionOverallSummary.xhtml"/>
                    </p:panel>
                    <p:spacer width="10%"/>

                    <p:panel id="productionChartDB" 
                             header="Plant-1 Model Summary" toggleable="true" 
                             closable="true" 
                             onCloseUpdate="growl"
                             onToggleUpdate="growl" widgetVar="productionChartWidget"
                             style="height:230px;"
                             >  
                        <ui:include src="ProductionModelSummary.xhtml"/>
                        
                    </p:panel>  

                    <p:panel id="productionTotal" header="Plant-1 Output" toggleable="true" closable="true"
                             onCloseUpdate="growl"
                             onToggleUpdate="growl" widgetVar="productionTotalWidget"
                             style="height:230px;">
                        <ui:include src="ProductionDailyCount.xhtml"/>
                        
                    </p:panel>
                    <p:spacer width="10%"/>
                    <p:panel id="productionLineSummary" 
                             header="Plant-1 Cell Summary" 
                             toggleable="true" closable="true"
                        
                             style="height:230px">
                        <ui:include src="ProductionCellSummary.xhtml"/>
                        
                    </p:panel>

<!--
                    <p:panel header="Plant-1 production Summary"  style="height: 230px">
                        <ui:include src="ProductionOverallSummary.xhtml"/>
                    </p:panel>
                    <p:spacer width="10%"/>
                    <p:panel header="Plant-1 Rework Causes" style="height: 230px">
                        <ui:include src="ProductionCauseSummary.xhtml"/>
                    </p:panel>


                    <p:panel header="Plant-1 Total Rewok" style="height: 230px">
                        <ui:include src="ProductionDailyCount.xhtml"/>
                    </p:panel>
                    <p:spacer width="10%"/>    
                    <p:panel header="Plant-1 Alerts" style="height: 230px">

                    </p:panel>-->

                </h:panelGrid>



                <!--                <p:fieldset legend="Add New Dashboards" toggleable="true" collapsed="true">
                
                                    <h:panelGrid columns="3">  
                                        <p:panel id="productionAlert" header="Plant-1 Alerts" toggleable="true" closable="true"
                                                 onCloseUpdate="growl"
                                                 onToggleUpdate="growl" widgetVar="productionAlertWidget"
                                                 style="width: 600px;height:250px;">
                                            <ui:include src="ProductionAlert.xhtml"/>
                                            <f:facet name="options">
                                                <p:menu>
                                                    <p:submenu label="Settings">
                                                        <p:menuitem value="Toggle" url="#" icon="/images/update.png" onclick="productionAlertWidget.toggle()"/>
                                                        <p:menuitem value="Remove" url="#" icon="/images/delete.png" onclick="productionAlertWidget.close()"/>
                                                    </p:submenu>
                                                </p:menu>
                                            </f:facet>
                
                                        </p:panel>
                
                                        <p:draggable for="productionAlert" dashboard="board" />  
                
                                    </h:panelGrid>
                                </p:fieldset>            
                -->


            </h:panelGrid>
        </h:form>
    </f:view>
</ui:composition>